body{
    width:1280px;
    height:720px;
    overflow: hidden;
}
.main{
    width:1280px;
    height:720px;
    background-image:url("../images/bg.png");
    background-size:1280px 720px;
    background-repeat: no-repeat;
    padding-top:100px;
    overflow: hidden;
}
.banner,.banner>img{
    width:400px;
    height:204px;
    display:block;
}
.banner{
    position:absolute;
    top:25px;
    right:20px;
}
.mainContent{
    width:1132px;
    height:533px;
    background-image:url("../images/record_bg.png");
    background-repeat: no-repeat;
    margin:0 auto;
    padding-left:105px;
    padding-top:71px;
    padding-right:300px;
}
h1{
    border-bottom:5px solid #F98E04;
    color:#F98E04;
    text-shadow: 3px 3px 3px #000;
    padding-bottom:10px;
}
ul li{
    list-style: none;
    font-size:32px;
    color:#FFF;
    line-height:50px;
    margin-bottom:10px;
    text-shadow: 3px 3px 3px #000;
}
#top{
    position:absolute;
    top:134px;
    left:604px;
    width:70px;
    height:400px;
}
#top>.model{
    width:70px;
    height:49px;
}
/*#top>.model:first-child{
    background-image: url("../images/record_top.png");
    background-repeat: no-repeat;
    position:absolute;
    top:0;
    left:0;
}
#top>.model.active:first-child{
    background-image: url("../images/record_top_active.png");
    background-repeat: no-repeat;
}
#top>.model:last-child{
    background-image: url("../images/record_bottom.png");
    background-repeat: no-repeat;
    position:absolute;
    bottom:0;
    left:0;
}
#top>.model.active:last-child{
    background-image: url("../images/record_bottom_active.png");
    background-repeat: no-repeat;
}*/

#prepage{
    background-image: url("../images/record_top.png");
    background-repeat: no-repeat;
    position:absolute;
    top:0;
    left:0;
}

#prepage.active{
    background-image: url("../images/record_top_active.png");
    background-repeat: no-repeat;
}

#nextpage{
    background-image: url("../images/record_bottom.png");
    background-repeat: no-repeat;
    position:absolute;
    bottom:0;
    left:0;
}
#nextpage.active{
    background-image: url("../images/record_bottom_active.png");
    background-repeat: no-repeat;
}

#bottom{
    position: absolute;
    width:708px;
    height:115px;
    bottom:60px;
    right:117px;
}
#bottom>.model{
    width:354px;
    height:115px;
    position:absolute;
    top:0;
}
/*#bottom>.model:first-child{
    background-image: url("../images/enterQuestion.png");
    background-repeat: no-repeat;
    left:0;
    background-position: 14px 12px;
}
#bottom>.model.active:first-child{
    background-image: url("../images/enterQuestion_active.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}
#bottom>.model:last-child{
    background-image: url("../images/exit.png");
    background-repeat: no-repeat;
    right:0;
    background-position: 14px 12px;
}
#bottom>.model.active:last-child{
    background-image: url("../images/exit_active.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}*/
#history{
    background-image: url("../images/history.png");
    background-repeat: no-repeat;
    left:-320px;
    background-position: 14px 12px;
}
#answer{
    background-image: url("../images/enterQuestion.png");
    background-repeat: no-repeat;
    left:20px;
    background-position: 14px 12px;
}

#exitrecord{
    background-image: url("../images/exit.png");
    background-repeat: no-repeat;
    right:0;
    background-position: 14px 12px;
}